<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!-- Header Starts Here -->

<div class="banner inner-banner">
	<!-- page heading -->
	<div th:replace="main/head :: html"></div>

<!-- page heading -->
	<div id="breadcrumb_wrapper">
		<div class="container">
			
			<h3>注册</h3>
			<h6>最好的配件交易平台</h6>

			<div class="clearfix"></div>
		</div>
	</div>
</div>
<div class="clearfix"> </div>

<body>
<!-- Header Ends Here -->	
	<div class="register-content">
		<div class="container">
		  <div class="register">
			  <form id="login-form">
				 <div class="register-top-grid">
					<h3>请填写注册信息</h3>
					 <div class="wow fadeInLeft" data-wow-delay="0.4s">
						<span>公司名称<label>*</label></span>
						<input type="text" name="companyName" />
					 </div>
					 <div class="wow fadeInLeft" data-wow-delay="0.4s">
						 <span>公司地址<label>*</label></span>
						 <input type="text" name="companyAddress"/>
					 </div>
					 <div class="wow fadeInRight" data-wow-delay="0.4s">
						 <span>邮箱<label>*</label></span>
						 <input type="text" name="userEmail"/>
					 </div>
					 <div class="wow fadeInRight" data-wow-delay="0.4s">
						 <span>联系电话<label>*</label></span>
						 <input type="text" name="phone" />
					 </div>
					 <div class="wow fadeInRight" data-wow-delay="0.4s">
						 <span>会员等级<label>*</label></span>
						 <input type="text"  name="type"/>
					 </div>
					 <div class="wow fadeInRight" data-wow-delay="0.4s">
						 <span>账号<label>*</label></span>
						 <input type="text" name="userName"/>
					 </div>
				     <div class="register-bottom-grid">
						    <h3>密码</h3>
							 <div class="wow fadeInLeft" data-wow-delay="0.4s">
								<span>密码<label>*</label></span>
								<input type="password" name="passwd" />
							 </div>
							 <div class="wow fadeInRight" data-wow-delay="0.4s">
								<span>确认密码<label>*</label></span>
								<input type="password" name="confirmPasswd" />
							 </div>
					 </div>
				 </div>
			  </form>

				  <div class="clearfix"> </div>
				  <div class="register-but">
					  <form>
						  <input type="submit" onclick="return login();" value="注册" />
						  <div class="clearfix"> </div>
					  </form>
				  </div>



		   </div>
		</div>
	</div>

<!-- #Footer -->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<span class="title">公司介绍</span>
						<p>本平台致力于解决目前服务器及IT备件行业中假货横行、询价困难、虚假库存等普遍存在的行业难题。</p>
						<p>我们研发了一套完整且独立的会员评级反馈体系， 通过资格审查等方式保证每一位会员都能够成为您充分可信赖的合作伙伴，独家为会员提供完全封闭的市场环境，使您能够更放心的在本平台内买卖IT备件。</p>
					</div>
					<div class="col-md-2 col-xs-6 col-sm-4">
						<ul class="footerMenu">
							<li class="title">功能特性</li>
							<li><a href="#">管理库存</a></li>
							<li><a href="#">查询供应商</a></li>
							<li><a href="#">查询配件</a></li>
							<li><a href="#">发送广播</a></li>
							<li><a href="#">发送询价</a></li>
						</ul>
					</div>
					<div class="col-md-2 col-xs-6 col-sm-4">
						<ul class="footerMenu">
							<li class="title">交易类目</li>
							<li><a href="#">CPU</a></li>
							<li><a href="#">内存</a></li>
							<li><a href="#">磁盘</a></li>
							<li><a href="#">显卡</a></li>
							<li><a href="#">整机</a></li>
						</ul>
					</div>
					<div class="col-md-2 col-xs-6 col-sm-4">
						<ul class="footerAddress">
							<li class="title">Contact Us</li>
							<li><strong>联系地址:</strong></li>
							<li>上海市松江区书崖路168号</li>
							<li><strong>联系电话:</strong></li>
							<li>+86 18516231105</li>
						</ul>
					</div>
				</div>
				<hr />
			</div>			
			<div class="copyrights">
				<div class="container">
					<p>Copyright 2010 - 2021 上海枫翼信息技术有限公司     沪ICP备10043802号 - 2     沪公网安备 31011002002333号</p>
				</div>
			</div>
		</footer>
		<!-- /#Footer -->
		<!-- here stars scrolling icon -->
	<script type="text/javascript">

			$.fn.serializeObject = function () {
				var o = {};
				var a = this.serializeArray();
				$.each(a, function () {
					if (o[this.name]) {
						if (!o[this.name].push) {
							o[this.name] = [o[this.name]];
						}
						o[this.name].push(this.value || '');
					} else {
						o[this.name] = this.value || '';
					}
				});
				return o;
			};

			function login() {
				var param  =  $("#login-form").serializeObject();
				$.ajax({
					url: "api/account/create",
					type:'post',
					dataType: "json",
					contentType: "application/json;charset=utf-8",
					data:JSON.stringify(param),

				},function(data){
					alert("注册成功");
				});
				return false;
			}



	</script>
	<!-- //here ends scrolling icon -->
</body>
</html>